﻿
@import "dialog.css";

body {
    margin: 0;
    padding: 0;
    background: #ffffff;
    font-family: "Microsoft Yahei",Tahoma,"SimSun";
    font-size: 14px;
}

ol, ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

a, a:link, a:active, a:focus {
    text-decoration: none;
    color: #555;
}

h1, h2, h3, h4, h5 {
    margin: 0;
    font-weight: normal;
}

.head, .foot {
    width: 100%;
}

    .head .top {
        background-color: #dbdbdb;
        height: 25px;
    }

    .head .head-logo {
        width: 980px;
        margin: 15px auto;
        height: 80px;
    }

        .head .head-logo a {
            display: block;
            text-indent: -9999px;
            float: left;
            height: 80px;
            width: 200px;
            background: url(http://stimgcn1.s-msn.com/msnportal/windows8/logoIcon.png) no-repeat;
            background-position: -40px -52px;
        }

         .search {
            float: right;
            margin-top: 26px;
        }

             .search .input[type="text"] {
                float: left;
                width: 410px;
                height: 30px;
                padding-left: 1px;
                text-indent: 5px;
                line-height: 22px;
                padding: 7px;
                border: none;
                font-size: 22px;
                border-radius: 1px;
                box-shadow: 0 2px 5px rgba(0,0,0,.3);
                transition: all 300ms;
            }

            .search .button {
                cursor: pointer;
                float: left;
                border: none 0;
                width: 92px;
                height: 45px;
                font-size: 25px;
                background-color: #00aec7;
                color: #FFF;
            }
/*导航*/
.nav {
    background-color: #00aec7;
    height: 60px;
}

    .nav a {
        color: #FFF;
    }

    .nav ul {
        line-height: 60px;
        width: 1010px;
        margin: 20px auto;
    }

    .nav li {
        position: relative;
        float: left;
    }

        .nav li a {
            display: block;
        }

        .nav li a {
            font-size: 19px;
            font-weight: bold;
            padding: 0 31px;
            border-left: 1px solid #3bc1d4;
        }

        .nav li:first-child a {
            border-left: none;
        }

        .nav li a:hover, .nav li:hover a {
            background-color: #006675;
        }

        .nav li .nav-sub-item {
            display: none;
            position: absolute;
            left: 1px;
            font-size: 14px;
            width: 100%;
            line-height: 40px;
            background-color: #00aec7;
        }

.nav-sub-item li a {
    padding-left: 31px;
}

.nav li:hover .nav-sub-item {
    display: block;
}
/*导航结束*/

h1 {
    font-size: 2em;
    color: #aaa;
}

    h1 span {
        font-size: 16px;
        float: right;
        margin-top: 10px;
    }

.w980, .links {
    width: 980px;
    margin: 10px auto;
    overflow: hidden;
}

.w200 {
    width: 200px;
}

.w760 {
    width: 760px;
    margin-top: 10px;
}

.w33 {
    width: 33.333%;
}

.w200 ul li a, .sort a,.book-chapter li a {
    display: block;
    padding: 5px;
    word-wrap: break-word;
    word-break: break-all;
    position: relative;
    overflow: hidden;
}

    .w200 ul li a:hover,.book-chapter li a:hover {
        background-color: #00aec7;
        color: #FFF;
    }

ul li span {
    float: right;
    font-size: 10px;
}

.left {
    float: left;
}

.right {
    float: right;
}

.mtop17 {
    margin-top: 17px;
}

.tab-nav {
    width: 100%;
    height: 50px;
}

.tabs {
    height: 33px;
    border-top: 3px solid #00aec7;
    margin-left: 20px;
}

.tab-nav li {
    float: left;
    width: 64.4px;
    text-align: center;
    padding: 7px 10px;
}

.tab-nav .cur {
    float: left;
    color: #FFFFFF;
    background-color: #00aec7;
}

.tab-box {
    background-color: #f9f9f9;
    padding-top: 6px;
    padding-bottom: 17px;
    overflow: hidden;
}

    .tab-box a {
        color: #00aec7;
    }

    .tab-box .list-box {
        width: 243px;
        padding-left: 10px;
        padding-top: 10px;
        float: left;
    }

.cover, .cover img {
    width: 100px;
    height: 125px;
    float: left;
}

    .cover a {
        padding: 0;
    }

.tab-box .list-box .text-box {
    overflow: hidden;
    padding-left: 7px;
    line-height: 20px;
    word-wrap: break-word;
    word-break: break-all;
}

    .tab-box .list-box .text-box .reader {
        float: left;
        font-size: 14px;
    }

    .tab-box .list-box .text-box .download {
        float: right;
        font-size: 14px;
        margin-right: 10px;
    }

    .tab-box .list-box .text-box .title-box a, .page-list h2 a {
        color: #00aec7;
        font-size: 16px;
    }

.tab-box .list-box .intor, .page-list .intor {
    padding: 5px 5px 0 0;
    height: 85px;
    overflow: hidden;
    font-size: 12px;
    color: #aaa;
}

    .tab-box .list-box .intor a, .page-list .txt .intor a {
        font-size: 11px;
        padding-left: 10px;
    }

.new-update {
    margin-top: 10px;
}

    .new-update .table-top {
        background-color: #00aec7;
        height: 35px;
        padding: 0 10px;
    }

    .new-update li {
        float: left;
        line-height: 35px;
        color: #efefef;
        font-size: 16px;
    }

    .new-update .table-box {
        padding: 10px;
    }

        .new-update .table-box li {
            line-height: 28px;
            color: #aaa;
            font-size: 14px;
        }


    .new-update a {
        color: #00aec7;
        font-size: 14px;
        padding: 0;
    }

        .new-update a:hover {
            color: #006675;
            background-color: #fff;
        }

    .new-update .sort {
        width: 100px;
    }

    .new-update .bookname {
        width: 180px;
        text-align: center;
    }

    .new-update .hits {
        width: 70px;
        text-align: center;
    }

    .new-update .words {
        width: 100px;
        text-align: center;
    }

    .new-update .author {
        width: 120px;
        text-align: center;
    }

    .new-update .time {
        width: 80px;
        text-align: center;
    }

    .new-update .download {
        width: 80px;
        text-align: right;
    }








.sort {
    padding-right: 10px;
    width: 316.6px;
}

    .sort a {
        color: #aaa;
    }

        .sort a:hover {
            color: #00aec7;
        }

    .sort ul {
        margin: 0;
        padding: 0;
    }

    .sort .sort-tab {
        margin-top: 5px;
    }

        .sort .sort-tab li {
            width: 50%;
            float: left;
            line-height: 30px;
            text-align: center;
            color: #00aec7;
        }

.sort-box {
    height: 320px;
}

.sort .sort-tab .cur {
    background-color: #00aec7;
    color: #ffffff;
}

.links {
}

    .links h1 {
        padding-bottom: 5px;
        border-bottom: #00aec7 solid 3px;
    }

.link {
    padding-top: 5px;
}

    .link a {
        font-size: 12px;
        padding: 0 3px;
    }

        .link a:hover {
            color: #00aec7;
        }

.copyright {
    background-color: #00aec7;
    height: 100px;
    margin-top: 20px;
    padding-top: 20px;
    text-align: center;
    color: #fafafa;
}

    .copyright .link {
        margin: 10px;
    }

    .copyright a {
        color: #ffffff;
    }

    .copyright p {
        margin: 5px;
    }

    .copyright .link a {
        font-size: 16px;
        color: #ffffff;
    }

        .copyright .link a:hover, .copyright a:hover {
            color: #aaa;
        }


.page-list li {
    border-bottom: 1px solid #ececec;
    width: 100%;
    height: 130px;
    padding: 10px 0;
}

.page-list .txt {
    float: right;
    height: 125px;
    width: 640px;
}

.page-list a:hover {
    color: #00aec7;
}

.page-list h2 {
}

.page-list .txt .intor {
    height: 52px;
}

.page-list .txt a {
    color: #00aec7;
}

.page-list .txt .group {
    overflow: hidden;
    height: 25px;
}

.page-list .reader {
    margin-right: 30px;
}

.group li {
    height: 20px;
    margin: 0;
    padding: 0;
    color: #777777;
    font-size: 12px;
    float: left;
    width: 25%;
    border-bottom: 1px dashed #ececec;
}


.page {
    padding: 10px;
}

    .page a {
        padding: 5px 15px;
        margin: 5px;
        color: #aaa;
        background-color: #00aec7;
    }

        .page a:hover, .page .active {
            background-color: #fff;
            border: solid 1px #aaa;
        }



.abtn{cursor: pointer;
float: left;
border: none 0;
font-size: 18px;
padding: 5px 10px;
color: #FFF;}

/**book 详细页**/

.book-info {background-color: #f9f9f9;overflow: hidden;
}
.book-txt h1 {
    color:#00aec7;
}
.book-info .icon ,.icon img{
    width:200px;height:260px;
}
.book-info .book-txt{
    width:540px; padding:10px 0;
}
.book-txt ul,.book-txt .book-btn{
width: 330px; margin:15px 0;float: left;
overflow: auto;}
.book-txt li{ width:45%; float:left; font-size:13px; line-height:20px;}
.book-txt li em{font-size:12px;color:#999}
.book-txt li a:hover{color:#00aec7}
.book-txt .qr {float: right; padding-right:20px;}
.book-txt .qr img{width:150px;height:150px;}
.book-txt .qr p{margin:0;color:#999;text-align:center;}
.book-txt .book-btn a{margin:0 10px;color:white}

.book-intor ,.book-chapter {margin: 30px 0;color:#555}
.book-intor h2,.book-chapter h2{margin-bottom:10px; padding-bottom:10px; border-bottom:dashed 1px #aaa}
.book-chapter li {width:33%;float:left;white-space: nowrap;}
.book-chapter li i{font-size:12px;color:#faa732; margin-right:8px;}


.chapter-info{height:85px; background-color:#00aec7; padding:15px;}
.chapter-info h1{color:white;}
.chapter-info h1 i{ margin-left:10px; font-size:14px;}
.chapter-info p{color:#bbb}
.chapter-info p span{color:#aaa;margin:10px;}
.chapter-info p a{color:#FFF;}
.chapter-info p a:hover{color:#faa732}



.reader-info{background-color:#efefef; padding:15px; text-align:center;}
.reader-info p{color:#555;}
.reader-info p a{color:#00aec7}
.reader-info p i{color: #aaa;color: #aaa;margin: 0 5px 0 10px;}
.reader-body{padding:15px;line-height: 25px;}
.reader-console{height: 30px;}
.reader-console .txt{width:100px;float:left;}
.reader-console .mini-btn{float: left;padding: 0px 0px;margin: 5px 5px 0px 0px;border: 1px solid #fff;width: 10px;height: 10px; cursor:pointer;}
.reader-console .txt-btn{float:left;width:35px;text-align:center;cursor:pointer;}
.reader-console .reader-font-color .txt,.reader-console .reader-font-size .txt{margin-left:15px;}
.reader-page{width: 270px;margin: 0 auto;}
.reader-page a{cursor: pointer;float: left;border: none 0;font-size:18px;padding: 5px 10px; color:#fff; margin:0 10px; }
.reader-page .prev{background-color:#49afcd;}
.reader-page .next{background-color:#5bb75b}
.reader-page .chapter{background-color:#faa732}



.btn1{background-color:#006dcc}
.btn2{background-color:#49afcd}
.btn3{background-color:#5bb75b}
.btn4{background-color:#faa732}

.btn1:hover{background-color:#04c}
.btn2:hover,.prev:hover{background-color:#2f96b4}
.btn3:hover,.next:hover{background-color:#51a351}
.btn4:hover,.chapter:hover{background-color:#f89406}


.aliceblue{background-color:#ccffff;}
.red{background-color:#ff3333}
.blue{background-color:#0033cc}
.green{background-color:green}
.purple{background-color:purple}
.fc1{background-color:#000}
.fc2{background-color:#00aec7}
.fc3{background-color:#66cc66}
.fc4{background-color:#cc0033}
.fc5{background-color:#990099}




/*** ajax download page*/

.download-page{width:450px;height:450px;}
.download-page h1 {font-size:20px;text-align:center}
.download-page i{color:#00aec7;margin-right:10px;font-size:24px}
.download-page img{width:200px; height:200px;}
.download-page .qr{}
.download-page .qr p{text-align:center;color:#555}
.download-page .book-btn{text-align:center;}
.download-page .book-btn .abtn{margin:0 10px;}
.download-page .book-btn .af{margin-left:54px;}
.download-page .book-btn .ar{margin-left:138px;}
.download-page .book-btn a{color:#fff}
.download-page .download_ads{width:100%;overflow: hidden;padding-top:20px;}
.download-page .download_ads img{width:450px;height:100px;}






/**Login page*/
.login-main{width:300px;padding:10px;}
.login-main .item{line-height:26px;}
.login-main label{color: #aaa;width: 82px;font-size:16px;float:left;margin-top: 7px;margin-right: 10px;text-align:right}
.login-main .tb {width: 190px;outline: 0 none;height: 26px; padding-left: 3px;text-indent: 5px;margin: 7px 0;border: none;border-radius: 1px; transition: all 300ms;}
.login-main .btn{color: #fff;text-align: center;margin: 5px 0 0 10px;border: none;background-color: #00aec7;font-size: 16px;padding: 5px 10px;}
.login-main .check{width:20px;height:20px;float:left;margin: 10px 15px 0 25px; }
.login-main .tb{box-shadow: 0 0 0 2px #00aec7;}
